<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <title>关联品牌</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/commodity.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
</head>
<body class="view-container" style="height: 100%">
<div class="header bar-positive">
    <a href="" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>关联品牌</h1>
    <a href="" class="right"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/more.png"/></a>
</div>
<div class="relation-search">
    <input type="text" class="search" placeholder="请输入订单编号或用户名称">
    <i class="weui-icon-search"></i>
    <a href="" class="">搜索</a>
</div>
<div class="new-contaner fication speci related">
    <ul class="left">
        <li class="test">货品大小</li>
        <li>货品颜色</li>
        <li>货品尺寸</li>
        <li>货品规格</li>
        <li>货品尺寸</li>
        <li>货品颜色</li>
        <li>货品尺寸</li>
        <li>货品规格</li>
        <li>货品尺寸</li>
        <li>货品颜色</li>
        <li>货品尺寸</li>
        <li>货品规格</li>
        <li>货品尺寸</li>
        <li>货品颜色</li>
        <li>货品尺寸</li>
        <li>货品规格</li>
        <li>货品尺寸</li>
    </ul>
    <div class="right">
       <div class="blueche">
          <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/adidas.png"/>
           <p>阿迪达斯</p>
           <input type="checkbox">
       </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/adidas.png"/>
            <p>阿迪达斯</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/pepsi.png"/>
            <p>百事可乐</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/pepsi.png"/>
            <p>百事可乐</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/inomerb.png"/>
            <p>相宜本草</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/inomerb.png"/>
            <p>相宜本草</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/adidas.png"/>
            <p>阿迪达斯</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/adidas.png"/>
            <p>阿迪达斯</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/pepsi.png"/>
            <p>百事可乐</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/pepsi.png"/>
            <p>百事可乐</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/inomerb.png"/>
            <p>相宜本草</p>
            <input type="checkbox">
        </div>
        <div>
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/inomerb.png"/>
            <p>相宜本草</p>
            <input type="checkbox">
        </div>
    </div>
</div>
<div class="check">
    <a href="" >保存</a>
</div>
</body>
<script>
    $(".left li").on('click',function(){
        $(this).addClass("test").siblings().removeClass("test");
    })
    $(".related .right div").on('click',function(){
        $(this).addClass("blueche").siblings().removeClass("blueche");
        $(this).find("input").prop('checked',true);
        $(this).siblings().find("input").prop('checked',false);
    })
</script>
</html>